<?php
	//external library available at http://code.google.com/p/php-mobile-detect/ under the MIT licence
	include("Mobile_Detect.php");
	
	$detect = new Mobile_Detect();
	
	if ($detect->isMobile()) {
		header('Location: map.php');
	}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Login to Jam Dodge</title>
  <meta http-equiv="Content-Language" content="English" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>

<body>

<div id="wrap">

<div id="top">
</div>

<div id="content">

<div class="header">
<h1><a href="#">Jam Dodge</a></h1>
<h2>Know your traffic, don't waste your time!</h2>
<p/>
</div>

<div class="middle">

<p>&nbsp;</p>
<p>Welcome to the Jam Dodge web site!</p>
<p>&nbsp;</p>
<p>Jam Dodge is an online service that allows you to view the current state of traffic in your area. You can view a map with traffic overlays online on your PC if you have a unique ID, or you can view the traffic maps on your mobile device if it supports GPS!</p>
<p>&nbsp;</p>
<p>Our traffic data is crowd-sourced which means we get it from you. When you view the traffic maps, your browser sends your location as well as your current speed to the Jam Dodge server, which processes the data and makes it availiable to the users. This data is totally anonymous, so we have no way of tracking who is sending us data. In other words, it is safe to use this service as your personal location cannot be compramised and linked to you.</p>
<p>&nbsp;</p>
<p>To use this service please browse to http://jam-dodge.enox.co.za using a mobile device. If you have an Android device, feel free to either use your browser or download the Android app. If you use the android app you will be given a unique ID which you can use to log in to this site to view traffic data with your PC.</p>
<p>&nbsp;</p>
<h2>Login</h2>
<p/>
<p>Please enter your unique ID</p>
<p/>

<form action="Login.php" method="get">
  <p>
  <input type="text" name="code"/>
  <input type="submit" value="Login" />
  </p>
</form>

</div>

<div class="right"><img src="screenshot2.png" alt="" width="131" height="180" />
</div>


<div id="clear">
</div>
</div>

<div id="bottom">
</div>
</div>

<div id="footer">
Mitchell Cox, Alec Larsen, Benjamin Sim</div>
</body>
</html>

